<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/jsp/common/_includes.jsp" %>
<jsp:include page="/WEB-INF/jsp/common/_head.jsp"></jsp:include>
<link rel="stylesheet" href="/static/vendor/upload/css/jquery.fileupload.css" type="text/css" />
<div class="ui grid">
	<div class="row">
		<div class="column">
			<div class="ui two column grid">
				<div class="three wide column">
					<jsp:include page="/WEB-INF/jsp/common/_sidebar.jsp">
						<jsp:param name="index" value="4"/>
					</jsp:include>
				</div>
				<div id="container" class="thirteen wide column">
					<div class="alert alert-success w200 center-block text-center " style="display: none; " role="alert"></div>
					<ol class="breadcrumb">
						<li><a href="/">后台管理</a></li>
						<li class="active">友情链接详情</li>
					</ol>
					<form class="form-horizontal" id="friendLinkForm" method="post" action="/friendlink/${friendlink.id }/update">
						<div class="form-group">
                            <label class="col-sm-3 control-label">友情链接实体ID</label>
                            <div class="col-sm-5 desc">
                                <p class="form-control-static">${friendlink.id }</p>
                            </div>
                        </div>
                        <input type="hidden" id="js_url" name="attachUrl" value="${friendlink.attachUrl}">
						<div class="form-group">
							<label for="name" class="col-sm-3 control-label">广告主要图片</label>
							<div class="col-sm-5">
								<img id="preview" width="300px" height="170px" src="${friendlink.attachUrl!=null?friendlink.attachUrl:'http://placehold.it/300x170'}">
							</div>
							<div class="col-sm-2">
								<span class="btn btn-success btn-block fileinput-button">
									<i class="glyphicon glyphicon-plus"></i>
									<span>上传图片</span>
									<input id="fileupload" type="file"  name="attachFile" data-url="/img/upload" multiple>
								</span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">标题</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" name="title" placeholder="输入标题" value="${friendlink.title }">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">链接地址</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" name="linkUrl" placeholder="输入链接地址" value="${friendlink.linkUrl }">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-3 col-sm-2">
								<button type="submit" class="btn btn-success">提交</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<jsp:include page="/WEB-INF/jsp/common/_foot.jsp"></jsp:include>
<script src="/static/vendor/upload/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/vendor/upload/js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="/static/vendor/jquery.validate/jquery.validate.js"></script>
<script src="/static/vendor/upload/js/jquery.fileupload.js"></script>
<script type="text/javascript" src="/static/js/friendlink/edit.js"></script>